<!DOCTYPE html>
<head>
	<!-- Basic Page Needs
 	 ================================================== -->
	<meta charset="utf-8">
	<title>Webzine Magazine&Portfolio Responsive HTML Theme</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Mobile Specific Metas
 	 ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

	<!-- CSS
	  ================================================== -->	
	<!--jquery Flex slider style-->
	<link rel="stylesheet" href="styles/flexslider.css" type="text/css" media="screen" />
	<!--Reset style-->
	<link rel="stylesheet" href="styles/reset.css"/>
	
	<!--Color scheme include: sienna/grey/green/mediumpurple/stateblue/blue/peru/dodgerblue/deeppink/orange -->
	<link rel="stylesheet" href="styles/color-sienna.css"/>
	
	<!--Skin css include: dark/light -->
	<link rel="stylesheet" href="styles/dark.css"/>
	
	<!--Main style-->
	<link rel="stylesheet" href="styles/style.css"/>
	
	<!--Responsive layout-->
	<link rel="stylesheet" href="styles/skeleton.css">

	
	<!--jquery prettyPhoto style-->
	<link rel="stylesheet" href="styles/prettyPhoto.css">
	
	<!-- JS
 	 ================================================== -->
  	<script src="js/jquery-1.7.1.min.js"></script><!--jquery library-->
	<script src="js/jquery.slide.brick.js"></script><!--brick slider-->
	<script src="js/jquery.isotope.js"></script><!--Isotope for waterfall layout-->
	<script src="js/jquery.infinitescroll.min.js"></script><!--Infinit scroll-->
	<script src="js/prettyPhoto.js"></script><!--jquery prettyPhoto-->
	<script src="js/jquery.flexslider.js"></script><!--Flex slider for mobile-->
	<script src="js/main.js"></script>
<!--for demo styleswitch-->
<script src="js/styleswitch.js"></script>
<script src="jscolor/jscolor.js"></script>
	<!-- IE hack
 	 ================================================== -->
	<!--[if IE 7 ]>
		<link rel="stylesheet" type="text/css" media="all" href="styles/ie7.css" />
		<script type="text/javascript" src="js/ie7.js"></script>
	<![endif]-->
	<!--[if IE 8 ]>
		<link rel="stylesheet" type="text/css" media="all" href="styles/ie8.css" />
		<script type="text/javascript" src="js/ie8.js"></script>
	<![endif]-->
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="img/favicon.ico">
	<link rel="apple-touch-icon" href="img/apple-touch-icon.png"><!--itouch-->
	<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png"><!--ipad-->
	<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png"><!--iphone retina-screen-->
	
	<!-- Google fonts
	================================================== 
	include:Abel / Righteous / Signika / Ribeye / Niconne / Iceland / Knewave / Smokum / Arapey / Devonshire / Mate / Aubrey / Redressed / Petrona / Cookie / Snippet / Prata / Nova Oval / Smythe / Meddon / Aclonica / Julee / Satisfy / Voltaire / Sancreek / Montez / Quicksand / Rosario / Limelight / Metrophobic / Rationale / Marvel / Questrial / Vidaloka / Candal / Yellowtail / Lora / Salsa / Kenia / Actor / Rokkitt / Lekton / Federant / Numans / Podkova / Lato / Andika / Damion-->
	<link href="../../../fonts.googleapis.com/css_F5BBCA6B" rel="stylesheet" type="text/css"/>
	<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-29764275-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : '../../../www/index.htm') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
<body><!--Demo styleswith-->
<div id="styleswitcher">
<div id="openclose"></div>
<div class="colorpanel_main">
<p class="cptitle">Skin</p>
<ul id="skin">
<li class="dark" style="background-color:#333"></li>
<li class="light" style="background-color:#f8f8f8"></li>
<div class="clear"></div>
</ul>
<div class="clear"></div>
<p class="cptitle">Background Color</p>
<input type="text" id="bgcolor" name="backgroundcolor" class="color">
<p class="cptitle">BG Pattern</p>
<ul id="bg_img">
<li class="pattern_dot_a"></li>
<li class="pattern_dot_b"></li>
<li class="pattern_dot_c"></li>
<li class="pattern_dot_d"></li>
<li class="pattern_dot_e"></li>
<li class="pattern_dot_f"></li>
<li class="pattern_bg_a"></li>
<li class="pattern_bg_b"></li>
<li class="pattern_bg_c"></li>
<div class="clear"></div></ul>
<div class="clear"></div>
<p class="cptitle">Link Fonts Color</p>
<ul id="linkcolor">
<li style="background-color:#b932ff" class="b932ff"></li>
<li style="background-color:#009b50" class="009b50"></li>
<li style="background-color:#c82b01" class="c82b01"></li>
<li style="background-color:#0063dd" class="0063dd"></li>
<li style="background-color:#7132ff" class="7132ff"></li>
<li style="background-color:#dd6800" class="dd6800"></li>
<li style="background-color:#108dc8" class="108dc8"></li>
<li style="background-color:#f025ab" class="f025ab"></li>
<li style="background-color:#ff3600" class="ff3600"></li>
<div class="clear"></div></ul>
<div class="clear"></div>
<p class="cptitle">Heading Font</p>
<select id="fontselect" name="font">
<option>Abel</option>
<option>Righteous</option>
<option>Signika</option>
<option>Ribeye</option>
<option>Niconne</option>
<option>Iceland</option>
<option>Knewave</option>
<option>Smokum</option>
<option>Arapey</option>
<option>Devonshire</option>
<option>Mate</option>
<option>Aubrey</option>
<option>Redressed</option>
<option>Petrona</option>
<option>Cookie</option>
<option>Snippet</option>
<option>Prata</option>
<option>Nova Oval</option>
<option>Smythe</option>
<option>Meddon</option>
<option>Aclonica</option>
<option>Julee</option>
<option>Satisfy</option>
<option>Voltaire</option>
<option>Sancreek</option>
<option>Montez</option>
<option>Quicksand</option>
<option>Rosario</option>
<option>Limelight</option>
<option>Metrophobic</option>
<option>Rationale</option>
<option>Marvel</option>
<option>Questrial</option>
<option>Vidaloka</option>
<option>Candal</option>
<option>Yellowtail</option>
<option>Lora</option>
<option>Salsa</option>
<option>Kenia</option>
<option>Actor</option>
<option>Rokkitt</option>
<option>Lekton</option>
<option>Federant</option>
<option>Numans</option>
<option>Podkova</option>
<option>Lato</option>
<option>Andika</option>
<option>Damion</option>
</select>
</div>
</div>
<!--Demo styleswitch end-->

<div id="header">
	<div class="headerbar">
	<div class="container">
	<!--Social Icons include: ico_facebook.png/ico_tweet.png/ico_in.png/ico_flickr.png/ico_youtube.png/ico_lastfm.png/ico_blogger.png/ico_tumblr.png/ico_vimeo.png/ico_rss.png/ico_mail.png-->
		<div class="socialicons">
			<a href="#" title="Facebook"><img src="img/ico_facebook.png" alt="Facebook"/></a>
			<a href="#" title="Twitter"><img src="img/ico_tweet.png" alt="Twitter"/></a>
			<a href="#" title="LinkedIn"><img src="img/ico_in.png" alt="LinkedIn"/></a>
			<a href="#" title="Flickr"><img src="img/ico_flickr.png" alt="Flickr"/></a>
			<a href="#" title="Youtube"><img src="img/ico_youtube.png" alt="Youtube"/></a>
		</div><!--End socialicons-->
		<form id="search_header" name="" method="get" class="search-form_header" action="">	
			<input type="text" onBlur="if (this.value == '') {this.value = '';}" onFocus="if (this.value == '') {this.value = '';}" id="s" name="s" value="" class="textboxsearch_header"> 
			<input type="submit" value="" class="submitsearch_header" name="submitsearch">
		</form>
	</div><!--End headerbarwrap-->
	</div><!--End headerbar-->
	<div class="line_main"></div>
	<div class="container">
		<h1 id="logo"><a href="index.html" title="Homepage"><img src="img/logo.png" alt="Logo" /></a></h1>
		<!-- 
		////////////////////////
		///Start header menus///
		///////////////////////
		-->
		<div class="navwrap">
			<div class="nav" id="navi">
			<ul class="menu" id="menu-navi">
				<li class="menu-item current-menu-item"><div class="navhover"></div><a href="index.html" title="Homepage">HOME<span class="subtitle">Frontpage</span></a></li>
				<li class="menu-item"><div class="navhover"></div><a href="about.html" title="Meet Us">ABOUT<span class="subtitle">Meet Us</span></a></li>
				<li class="menu-item"><div class="navhover"></div><a href="#" title="Page Demo">PAGE<span class="subtitle">Page Demo</span></a>
					<!--
					//Submenus Start//
					-->
					<ul class="sub-menu">
						<li class="menu-item"><div class="navhover"></div><a href="2columns.html">2 Columns<span class="subtitle"></span></a></li>
						<li class="menu-item"><div class="navhover"></div><a href="3columns.html">3 Columns<span class="subtitle"></span></a></li>
						<li class="menu-item"><div class="navhover"></div><a href="2columns-filt.html">Filterable Col2<span class="subtitle"></span></a></li>
						<li class="menu-item"><div class="navhover"></div><a href="3columns-filt.html">Filterable Col3<span class="subtitle"></span></a></li>
						<li class="menu-item"><div class="navhover"></div><a href="pagination.html">Pagination<span class="subtitle"></span></a></li>
						<li class="menu-item"><div class="navhover"></div><a href="archives.html">Archives<span class="subtitle"></span></a></li>
						<li class="menu-item"><div class="navhover"></div><a href="404.html">404<span class="subtitle"></span></a></li>
					</ul>
					<!--
					//Submenus End//
					-->
				</li>
				<li class="menu-item"><div class="navhover"></div><a href="career.html" title="Opening Jobs">CAREER<span class="subtitle">Opening Jobs</span></a></li>
				<li class="menu-item"><div class="navhover"></div><a href="#" title="Without Sidebar">FULLWIDTH<span class="subtitle">Without Sidebar</span></a>
					<ul class="sub-menu">
						<li class="menu-item"><div class="navhover"></div><a href="fullwidth-infiscroll.html">Infinite Scroll<span class="subtitle"></span></a></li>
						<li class="menu-item"><div class="navhover"></div><a href="fullwidth-filterable.html">Filterable<span class="subtitle"></span></a></li>
						<li class="menu-item"><div class="navhover"></div><a href="nivoslide.html">Nivo Slide<span class="subtitle"></span></a></li>
					</ul>
				</li>
			</ul>
			</div><!--End #navi-->
		</div><!--End navwrap-->
		<!-- 
		////////////////////////
		///End header menus///
		///////////////////////
		-->
		<div class="clear"></div>
	</div><!--End container-->
</div>
<!-- 
////////////////
///End header///
///////////////
-->
	<!-- 
	///////////////////
	///Start Slogan///
	//////////////////
	-->
	<div class="container"><div class="slogn_full">Design is about how it works, not just how it looks!</div></div>
	<!-- 
	///////////////////
	///Start Slogan///
	//////////////////
	-->
	<!-- 
	///////////////////////////////////////////////////////////////////
	///Start Brick Slide 10 blocks (Show for 960px min-width screen )///
	/////////////////////////////////////////////////////////////////
	-->
	<div class="slidew">
		<div class="slide10u" id="slide10uid">
			<!-- 
			///Slide block///
			-->
			<ul id="slide10utab" class="tabs">
			<!--set 1-10 slide-images information below-->
			<!--No.1 slider image title and link  here-->
				<li><div style="background-color:#289646" class="slide-back"><h2>Article Post Demo A</h2><br><a class="slidemore" title="Article Post Demo A" href="content-general.html">Read more</a></div></li>
			<!--No.2 slider image title and link  here-->	
				<li><div style="background-color:#4C818F" class="slide-back"><h2>Article demo I</h2><br><a class="slidemore" title="Article demo I" href="content-general.html">Read more</a></div></li>
			<!--No.3 slider image title and link  here-->	
				<li><div style="background-color:#C2764A" class="slide-back"><h2>Gallery Post Demo A</h2><br><a class="slidemore" title="Gallery Post Demo A" href="content-general.html">Read more</a></div></li>
			<!--No.4 slider image title and link  here-->	
				<li><div style="background-color:#3D94A6" class="slide-back"><h2>Gallery Post Demo C</h2><br><a class="slidemore" title="Gallery Post Demo C" href="content-gallerytype.html">Read more</a></div></li>
			<!--No.5 slider image title and link  here-->
				<li><div style="background-color:#289646" class="slide-back"><h2>Article demo F</h2><br><a class="slidemore" title="Article demo F" href="content-gallerytype.html">Read more</a></div></li>
			<!--No.6 slider image title and link  here-->	
				<li><div style="background-color:#329673" class="slide-back"><h2>Article demo F2</h2><br><a class="slidemore" title="Article demo F2" href="content-gallerytype.html">Read more</a></div></li>
			<!--No.7 slider image title and link  here-->	
				<li><div style="background-color:#C2B117" class="slide-back"><h2>Article demo I2</h2><br><a class="slidemore" title="Article demo I2" href="content-gallerytype.html">Read more</a></div></li>
			<!--No.8 slider image title and link  here-->	
				<li><div style="background-color:#B54672" class="slide-back"><h2>Article demo D</h2><br><a class="slidemore" title="Article demo D" href="content-gallerytype.html">Read more</a></div></li>
			<!--No.9 slider image title and link  here-->	
				<li><div style="background-color:#5B309C" class="slide-back"><h2>Flash show demo</h2><br><a class="slidemore" title="Flash show demo" href="content-gallerytype.html">Read more</a></div></li>
			<!--No.10 slider image title and link  here-->	
				<li><div style="background-color:#474747" class="slide-back"><h2>Gallery Post Demo B</h2><br><a class="slidemore" title="Gallery Post Demo B" href="content-gallerytype.html">Read more</a></div></li>
			</ul>
			<!-- 
			///Slide images///
			-->
			<ul id="slide10ubgimg" class="bgimg">
				<li>
				<!--No.1 slider image here-->
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-6.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-6.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-6.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-6.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-6.jpg); margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-6.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-6.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-6.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-6.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-6.jpg);"></div>
				</li>
				<li>
				<!--No.2 slider image here-->
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-5.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-5.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-5.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-5.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-5.jpg); margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-5.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-5.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-5.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-5.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-5.jpg);"></div>
				</li>
				<li>
				<!--No.3 slider image here-->
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg);"></div>
				</li>
				<li>
				<!--No.4 slider image here-->
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-10.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-10.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-10.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-10.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-10.jpg); margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-10.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-10.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-10.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-10.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-10.jpg);"></div>
				</li>
				<li>
				<!--No.5 slider image here-->
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-1.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-1.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-1.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-1.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-1.jpg); margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-1.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-1.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-1.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-1.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-1.jpg);"></div>
				</li>
				<li>
				<!--No.6 slider image here-->
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-2.jpg);"></div>
				</li>
				<li>
				<!--No.7 slider image here-->
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-9.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-9.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-9.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-9.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-9.jpg); margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-9.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-9.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-9.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-9.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-9.jpg);"></div>
				</li>
				<li>
				<!--No.8 slider image here-->
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-11.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-11.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-11.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-11.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-11.jpg); margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-11.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-11.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-11.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-11.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-11.jpg);"></div>
				</li>
				<li>
				<!--No.9 slider image here-->
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-4.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-4.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-4.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-4.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-4.jpg); margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-4.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-4.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-4.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-4.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-4.jpg);"></div>
				</li>
				<li>
				<!--No.10 slider image here-->
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-7.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-7.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-7.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-7.jpg); margin-right: 5px; margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-7.jpg); margin-bottom: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-7.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-7.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-7.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-7.jpg); margin-right: 5px;"></div>
				<div style="background-image:url(http://www.uiueux.com/html/html-webzine/img/slider-image-7.jpg);"></div>
				</li>
			</ul>
			<div class="clear"></div>
			<div id="load">
				<img src="img/loading-w.gif" alt="loading" /><p>loading</p>
			</div>
		</div><!--End slide10u-->
	</div><!--End slidew-->
	<!-- 
	/////////////////////
	///End Brick Slide///
	////////////////////
	-->
	
	<!-- 
	////////////////////////
	///Star Mobile Slide///
	///////////////////////
	-->
	<div class="container">		
		<div class="flexslider">
	    <ul class="slides">
	    	<li>
	    		<a href="content-general.html"><img src="img/slider-image-1.jpg" /></a>
	    		<p class="flex-caption"><span>Article Post Demo A</span></p>
	    	</li>
	    	<li>
	    		<a href="content-general.html"><img src="img/slider-image-2.jpg" /></a>
	    		<p class="flex-caption"><span>Article demo I</span></p>
	    	</li>
	    	<li>
	    		<a href="content-general.html"><img src="img/slider-image-4.jpg" /></a>
				<p class="flex-caption"><span>Gallery Post Demo A</span></p>
	    	</li>
	    	<li>
	    		<a href="content-general.html"><img src="img/slider-image-5.jpg" /></a>
				<p class="flex-caption"><span>Gallery Post Demo C</span></p>
	    	</li>
			<li>
	    		<a href="content-general.html"><img src="img/slider-image-6.jpg" /></a>
				<p class="flex-caption"><span>Article demo F<</span></p>
	    	</li>
	    </ul>
	  </div>
	</div><!--End container-->
	<!-- 
	////////////////////////
	///End Mobile Slide///
	///////////////////////
	-->
	<!-- 
	//////////////////////////
	///Start Quarter Slogan///
	/////////////////////////
	-->
	<div class="container"><div class="quote_full">Your time is limited, so don't waste it living someone else's life.…Don't let the noise of others' opinions drown out your own inner voice.<p align="right">--Steve Jobs</p></div></div>
	<!-- 
	//////////////////////////
	///End Quarter Slogan///
	/////////////////////////
	-->
<div id="content" class="container">
	<!-- 
	//////////////////////
	///Start items list///
	/////////////////////
	-->
	<ul id="list_wrap">
	<li class="list_box listbox_ublog1img"><a rel="prettyPhoto[]" class="imgwrap"  title="Gallery demo B" href="../../wp/webzine/files/2012/01/620-800-funky-female-pop-singer-with-an-old-microphone.jpg"><div class="back"><div class="backbg"></div><div class="icoimage"></div></div><img title="microphone" alt="old-microphone" src="img/sample_w3_310-400.jpg"></a>
		<h2><a title="Gallery demo B" href="content-gallerytype.html">Gallery demo B</a></h2>
		<p class="date">04 Jan 2012</p><div class="expert">Ridiculus mattis tincidunt lacus! Enim dignissim, magna penatibus, mus est, in mid! Magna dapibus dolor placerat adipiscing nunc.</div>
		<a class="readmore" title="Gallery demo B" href="content-gallerytype.html">Read more</a>
		</li>
		<li class="list_box listbox_ublog1img">
		<h2><a title="Article demo N" href="content-general.html">Article demo N</a></h2>
		<p class="date">02 Jan 2012</p>
		<div class="expert">Etiam feugiat nunc ut nibh interdum tempus. Ut scelerisque parturient. Urna odio et. Etiam feugiat nunc ut nibh. Qscelerisque tempor …
</div>
		<a class="readmore" title="Article demo N" href="content-general.html">Read more</a>
		</li>
		<li class="list_box listbox_u1imgm">
		<h2><a title="Gallery-Blog with Picture" href="content-with-comments-galleryshortcode.html">Gallery-Blog with Picture</a></h2>
		<a rel="prettyPhoto[]" class="imgwrap"  title="Gallery-Blog with Picture" href="../../wp/webzine/files/2012/01/620-920-beautiful-young-woman-having-a-happy-thought1.jpg"><div class="back" style="display: none;"><div class="backbg"></div><div class="icoimage"></div></div><img height="460" width="310" title="beautiful-young-woman-having-a-happy-thought" alt="beautiful-young-woman-having-a-happy-thought"  src="img/sample_w4_310-460.jpg"></a>
		<div class="expert">Adipiscing nunc urna montes ac non mid mauris, placerat sed odio elementum mauris enim nisi turpis! Lundium ac.</div>
		<a class="readmore" title="Gallery-Blog with Picture" href="content-with-comments-galleryshortcode.html">Read more</a>
		</li>
		<li class="list_box listbox_u5imgs">
			<h2><a title="Article demo fullwidth" href="content-fullwidth.html">Article demo fullwidth</a></h2>
			<ul>
				<li><a rel="prettyPhoto[]" class="imgwrap" title="" href="../../wp/webzine/files/2012/01/620-560-sexy-woman-posing-with-hand-in-hair.jpg"><div class="back"><div class="backbg"></div><div class="icoimage"></div></div><img height="62" width="62" title="310-280-sexy-woman-posing-with-hand-in-hair" alt="310-280-sexy-woman-posing-with-hand-in-hair" src="img/sample_squ62_1.jpg"></a></li>
				<li><a rel="prettyPhoto[]" class="imgwrap" title="" href="../../wp/webzine/files/2011/12/620-360-smiling-shy-woman.jpg"><div class="back" style="display: none;"><div class="backbg"></div><div class="icoimage"></div></div><img height="62" width="62" title="" alt="" src="img/sample_squ62_2.jpg"></a></li>
				<li><a rel="prettyPhoto[]" class="imgwrap" title="" href="../../wp/webzine/files/2011/12/310-smiling-woman-resting-face-on-hand.jpg"><div class="back" style="display: none;"><div class="backbg"></div><div class="icoimage"></div></div><img height="62" width="62" title="" alt="" src="img/sample_squ62_3.jpg"></a></li>
				<li><a rel="prettyPhoto[]" class="imgwrap" title="" href="../../wp/webzine/files/2011/12/310-435-funky-female-pop-singer-with-an-old-microphone.jpg"><div class="back"><div class="backbg"></div><div class="icoimage"></div></div><img height="62" width="62" title="" alt="" src="img/sample_squ62_4.jpg"></a></li>
				<li><a rel="prettyPhoto[]" class="imgwrap"  title="" href="../../wp/webzine/files/2011/12/310beautiful-young-woman-having-a-happy-thought.jpg"><div class="back" style="display: none;"><div class="backbg"></div><div class="icoimage"></div></div><img height="62" width="62" title="" alt="" src="img/sample_squ62_5.jpg"></a></li>
			</ul>
			<div class="expert">Vel scelerisque tempor amet tincidunt, magna nascetur magna phasellus facilisis nec nunc, ut scelerisque parturient, urna, odio et. 
			Etiam feugiat nunc ut nibh interdum tempus.<br>
			Ut parturient.<br>
			Urna.<br>
			Etia .<br>
			Vel tempor.
			</div>
			<a class="readmore" title="Article demo fullwidth" href="content-fullwidth.html">Read more</a>
		</li>
		<li class="list_box listbox_u1imgm">
		<h2><a title="Gallery demo E" href="content-gallerytype.html">Gallery demo E</a></h2>
		<a rel="prettyPhoto[]" class="imgwrap"  title="Gallery demo E" href="../../wp/webzine/files/2012/01/620-560-sexy-woman-posing-with-hand-in-hair.jpg"><div class="back"><div class="backbg"></div><div class="icoimage"></div></div><img height="280" width="310" title="sexy-woman-posing-with-hand-in-hair" alt="sexy-woman-posing-with-hand-in-hair" src="img/sample_w1_310-280.jpg"></a>
		<div class="expert"><p>Sed turpis ridiculus urna auctor. Eu, tristique magna tincidunt velit cras nisi, in tincidunt turpis etiam aliquam platea facilisis!</p></div>
		<a class="readmore" title="Gallery demo E" href="content-gallerytype.html">Read more</a>
		</li>
		<li class="list_box listbox_ufullimg">
		<div class="fullwrap">
			<div class="back"><div class="backbg"></div>
			<a rel="prettyPhoto[]" title="Gallery demo C" href="../../wp/webzine/files/2012/01/620-790-beautiful-brunette.jpg"><div class="icozoom"></div></a>
			<a title="Gallery demo C" href="content-gallerytype.html"><div class="icomore"></div></a>
			</div>
		<img height="395" width="310" title="620-790-beautiful-brunette" alt="beautiful-brunette" src="img/sample_w2_310-395.jpg">
		</div>
		</li>
		<li class="list_box listbox_u1imgb">
		<h2><a title="Article demo O" href="content-general.html">Article demo O</a></h2>
		<div class="expert"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p></div>
		<a class="readmore" title="Article demo O" href="content-general.html">Read more</a>
		<a rel="prettyPhoto[]" class="imgwrap imgwrapb" title="Article demo O" href="../../wp/webzine/files/2011/12/620-920pretty-brunette.jpg"><div class="back"><div class="backbg"></div><div class="icoimage"></div></div><img height="460" width="310" title="pretty-brunette" alt="pretty-brunette" src="img/sample_w3_310-460.jpg"></a>
		</li>
		<li class="list_box listbox_u3imgs">
		<h2><a title="Article Post Demo A" href="content-general.html">Article Post Demo A</a></h2>
		<ul>
			<li><a rel="prettyPhoto[]" class="imgwrap" title="Article Post Demo A" href="../../wp/webzine/files/2011/12/Demopicture_list07.jpg"><div class="back"><div class="backbg"></div><div class="icoimage"></div></div><img height="103" width="103" title="Demopicture_list07" alt="Demopicture_list07" src="img/sample_squ103_1.jpg"></a></li>
			<li><a rel="prettyPhoto[]" class="imgwrap" title="Article Post Demo A" href="../../wp/webzine/files/2011/12/Demopicture_list06.jpg"><div class="back"><div class="backbg"></div><div class="icoimage"></div></div><img height="103" width="103" title="Demopicture_list06" alt="Demopicture_list06" src="img/sample_squ103_2.jpg"></a></li>
			<li><a rel="prettyPhoto[]" class="imgwrap" title="Article Post Demo A" href="../../wp/webzine/files/2011/12/Demopicture_list15.jpg"><div class="back"><div class="backbg"></div><div class="icoimage"></div></div><img height="103" width="103" title="Young male hip hop dancer jumping in air" alt="Young male hip hop dancer jumping in air" src="img/sample_squ103_3.jpg"></a></li>
		</ul>
		<div class="expert">Donec at lorem eget sapien iaculis porttitor id quis ligula feugiat nunc ut nibh justo orem ipsum dolt, Tconsectetur adipiscing elit.</div>
		<a class="readmore" title="Article Post Demo A" href="content-general.html">Read more</a>
		</li>
		<li class="list_box listbox_u1imgb">
		<h2><a title="Article demo I" href="content-general.html">Article demo I</a></h2>
		<div class="expert"><p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
		<a class="readmore" title="Article demo I" href="content-general.html">Read more</a>
		<a rel="prettyPhoto[]" class="imgwrap" title="Article demo I" href="../../wp/webzine/files/2011/12/620-360-smiling-shy-woman2.jpg"><div class="back"><div class="backbg"></div><div class="icoimage"></div></div><img height="180" width="310" title="620-360-smiling-shy-woman" alt="620-360-smiling-shy-woman" src="img/sample_w5_310-180.jpg"></a>
		</li>
	</ul>
	<!-- 
	//////////////////////
	///End items list///
	/////////////////////
	-->
</div><!--
////////////////
///End content///
///////////////
-->
<div class="clear"></div>
<div class="line_main"></div>
<div id="topwrap"><div id="top"></div></div>
<div id="footer">
	<div id="footbox" class="container">
		<!--
		//Footer contact open Button Start//
		-->
		<div id="footer_trggle" class="footer_open"></div>
		<!--
		//Footer contact open Button End//
		-->
		<div class="footinfo">Copyright 2012 Webzine HTML Template by Bwsm</div>
	</div><!--End footbox-->
</div><!--End footer-->
<div class="clear"></div>
<!--
//Footer contact Info Start//
-->
<div id="footunder">
	<div id="footunderwrap" class="container">
		<div class="textinfo">
			<h2>Address</h2>
			123 Room, Buliding, 321 Street, UK, London <br />Phone: (000) 765-4321 <br />Fax: (000) 765-4321<br /><br />Email: <a href="mailto:uiueux@gmail.com">uiueux@gmail.com</a><br />Website: <a href="../../index.htm">www.uiueux.com</a>
			<div class="footericons">
				<a href="#" title="Facebook"><img src="img/ico_facebook.png" alt="Facebook"></a>
				<a href="#" title="Twitter"><img src="img/ico_tweet.png" alt="Twitter"></a>
				<a href="#" title="LinkedIn"><img src="img/ico_in.png" alt="LinkedIn"></a>
				<a href="#" title="Flickr"><img src="img/ico_flickr.png" alt="Flickr"></a>
				<a href="#" title="Rss"><img src="img/ico_rss.png" alt="Rss"></a>
			</div><!--End footericons-->
		</div><!--End textinfo-->
		<div class="contactform">
		<h2>Leave a Message</h2>
		<form action="contact.php" id="contact-form" class="contact_form" method="POST">
		<p><input type="text" id="Name" name="Name" class="requiredField" value="Name*" onBlur="if (this.value == '') {this.value = 'Name*';}" onFocus="if (this.value == 'Name*' || this.value == 'Required' ) {this.value = '';}" /></p>
		<p><input type="text" id="Email" name="Email" class="requiredField email" value="Email*" onBlur="if (this.value == '') {this.value = 'Email*';}" onFocus="if (this.value == 'Email*' || this.value == 'Required' || this.value == 'Invalid email' ) {this.value = '';}" /></p>
		<p><input type="text" id="Website" name="Website" class="website" value="Website" onBlur="if (this.value == '') {this.value = 'Website';}" onFocus="if (this.value == 'Website') {this.value = '';}" /></p>
		<p><textarea rows="4" name="Message" id="Message" cols="4" class="requiredField inputError"  onfocus="if (this.value == 'Required') {this.value = '';}"></textarea></p>
		<input type="hidden" value="send" name="idi_form" />
		<p class="btnarea"><input type="submit" id="idi_send" name="idi_send" class="idi_send" value="Send" /></p>
		</form>
		</div><!--End contactform-->
	</div><!--End footunderwrap-->
</div><!--End footunder-->
<!--
//Footer contact Info End//
-->
	<!--for demo styleswitch-->
	<script src="js/styleswitch.js"></script>
	<script src="jscolor/jscolor.js"></script>
</body>
</html>